import {
  getProduceList
} from '../../api/apis'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    historyList: [],
    productList: [],
    total: 0,
    keyword: "",
    noData:false
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let searchKeyArr = wx.getStorageSync('searchKeyArr') || null
    if (searchKeyArr) {
      this.setData({
        historyList: searchKeyArr
      })
    }
  },
  onChange(e) {
    this.setData({
      keyword: e.detail
    })
  },
  // 确认搜索
  onSearch() {
    console.log(this.data.keyword);
    let hisArr = this.data.historyList || []
    hisArr.unshift(this.data.keyword) // 向前追加
    // 去重
    hisArr = [...new Set(hisArr)]
    // 保留前十个
    hisArr = hisArr.slice(0, 10)
    this.setData({
      historyList: hisArr,
      // keyword:''
    })
    wx.setStorageSync('searchKeyArr', hisArr)
    this.getData()
  },
// 清空输入框
onClear(){
  this.setData({
    noData:false,
    keyword:"",
    productList:[],
    total:0
  })
},
// 点击搜索记录进行搜索
clickItem(e){
  console.log("e",e.currentTarget.dataset.value);
  this.setData({
    keyword:e.currentTarget.dataset.value
  })
  this.getData()
},
removeClick(){
  this.setData({
    noData:false,
    historyList: [],
    productList: [],
    total: 0,
    keyword: ""
  })
  wx.removeStorageSync('searchKeyArr')
},
  getData() {
    getProduceList({
        "limit": 10,
        "keyword": this.data.keyword
      }).then(res => {
      console.log("getProduceList", res);
      let noData = false
      if(res.data.length == 0 ){
        noData = true
      }
      this.setData({
        total:res.total,
        productList:res.data,
        noData
      })
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})